<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">

<head>
    <meta charset="UTF-8">
    <title>心理疾病关注平台</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" th:href="@{/css/index.css}">
    <link rel="stylesheet" th:href="@{/css/public.css}">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="shortcut icon" href="../static/img/logo.png" th:href="@{/img/logo.png}" type="image/x-icon"/>

    <style>
    </style>

</head>
<body>

<!--navbar-->
<div th:replace="public.html::bbsheadnav('index')"></div>

<!--首页正文-->
<div class="container-fluid col-md-6 col-md-offset-3" >
    <div class="" style="margin: 10px">
        <div class="bbscarousel">
            <div id="myCarousel" class="carousel slide">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner bbsbanner">
                    <div class="item active">
                        <img th:src="@{/img/templeate/b1.jpg}"
                             alt="First slide">
                        <div class="carousel-caption">疾病信息</div>
                    </div>
                    <div class="item">
                        <img th:src="@{/img/templeate/b2.jpg}"
                             alt="Second slide">
                        <div class="carousel-caption">疾病专家</div>
                    </div>
                    <div class="item">
                        <img th:src="@{/img/templeate/b4.jpg}"
                             alt="Third slide">
                        <div class="carousel-caption">社区求助</div>
                    </div>
                </div>

                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="bbsdescrip">
            <h5>
                <span>29175名心理专家汇聚这里帮您解答心理困惑</span>
                <span>已解答10187156个在线心理问题</span>
                <a href="/ask">立即咨询</a>
            </h5>
        </div>
        <div class="bbstags">
            <span class="label label-primary">资质认证</span>
            <span class="label label-success">专业实力</span>
            <span class="label label-info">十四年专注</span>
            <span class="label label-warning">用心服务</span>
            <span class="label label-danger">严格审核</span>
            <span class="label label-danger">实名认证</span>
        </div>


        <div class="row bbsdiseases">
            <div class="diseasetitle">常见心理疾病</div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img src="https://img.psy525.cn/upload/2021/02/07/aae4ce7cf8d542ddb60572d0d9f4af04.png" alt="...">
                    <b>抑郁症</b>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img th:src="@{/img/templeate/1.jpg}" alt="...">
                    <b>恐怖症</b>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img th:src="@{/img/templeate/2.jpg}" alt="...">
                    <b>焦虑症</b>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img th:src="@{/img/templeate/3.jpg}" alt="...">
                    <b>选择困难症</b>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img th:src="@{/img/templeate/4.jpg}" alt="...">
                    <b>睡眠障碍</b>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img th:src="@{/img/templeate/2.jpg}" alt="...">
                    <b>恶劣心境</b>
                </a>
            </div>
        </div>

        <div class="row bbsarticle">
            <div class="arctitletitle btitle">心理学科普文章</div>
            <a class="row" href="">
                <div class="col-md-3">
                    冯绍刚
                </div>
                <div class="col-md-3">
                    你的青春不是梦
                </div>
                <div class="col-md-3">
                    112
                </div>
                <div class="col-md-3">
                    2020-10-10
                </div>
            </a>
            <a class="row" href="">
                <div class="col-md-3">
                    冯绍刚
                </div>
                <div class="col-md-3">
                    你的青春不是梦
                </div>
                <div class="col-md-3">
                    112
                </div>
                <div class="col-md-3">
                    2020-10-10
                </div>
            </a>
            <a class="row" href="">
                <div class="col-md-3">
                    冯绍刚
                </div>
                <div class="col-md-3">
                    你的青春不是梦
                </div>
                <div class="col-md-3">
                    112
                </div>
                <div class="col-md-3">
                    2020-10-10
                </div>
            </a>
        </div>


        <div class="row bbsselfchecking">
            <div class="selfcheckingtitle btitle">测评文章</div>
            <a class="row" href="">
                <div class="col-md-6">
                    抑郁症测试题SDS
                </div>
                <div class="col-md-6">
                    2020-10-10
                </div>
            </a>
            <a class="row" href="">
                <div class="col-md-6">
                    简明精神病评定量表BPRS
                </div>
                <div class="col-md-6">
                    2020-10-10
                </div>
            </a>
            <a class="row" href="">
                <div class="col-md-6">
                    冯绍刚
                </div>
                <div class="col-md-6">
                    2020-10-10
                </div>
            </a>
        </div>
    </div>
</div>

<div th:replace="public.html::bbsloginform"></div>
</body>

<script th:src="@{/js/snowfall.js}"></script>
<script th:src="@{/js/public.js}"></script>

</html>
